iOS色板體系（指南）

Tint 主題色版

不同色相的主題色彩體系 （tint color）

主題顏色體系動態滿足深色和淺色模式。

在這個基礎上建立了一組對比度更強的色彩維度（用於使用者自定義對比度的場景）

顏色對比度比率

在深色模式中，主題色會變得更淺，在淺色模式中會變得更深。

在選擇主題色時（如品牌色）考慮兩種語義下的可見和易讀性

藝術與科學相結合保證色彩之間的對比度

在淺色模式下表現良好的顏色，深色模式下可能對比度不足，反之亦然。有時直觀的感受來判斷對比度的易讀性是不夠的。

良好的顏色對比度會提高應用的可訪問性和可用性。

更準確的判斷方式：

A 在裝置感知

B 根據淺色和深色模式選擇兩種略有不同的顏色，確保計算出的對比度比率：背景色/主題色<1/4.5（有專業公式）

主題色的應用理論

A 官方的系統主題色模版能覆蓋大部分選擇需求

B 自主選擇顏色時需要關注的專業維度：

1 在淺色模式與深色模式下保持相似度，（因為考慮到顏色的感知受到其所不同的背景色所影響）

2 調整動態主題顏色確保安全的顏色對比率>4.5

對比度比率工具：https://coolors.co/contrast-checker/112a46-acc8e5

灰度色板體系

策略：iOS系統將灰度色板分為兩種型別。fill color（文字和圖形填充色）和separator color（分隔符填充色）

目的：為了達到與不同背景結合後表達資訊層級和識別度，同時設定了系統級的6個梯度灰色（100%透明度）來滿足以下無法用透明度解決的場景。

Fill Colors（填充顏色）

填充顏色用於填充介面元素的背景區域，幫助區分不同層次的內容或介面部分。它們的透明度允許它們與其他背景顏色融合，提供柔和的視覺效果。

Separator Colors（分隔顏色）

分隔顏色用於在介面中劃分不同元素，通常以線條或邊框的形式出現，用來區分內容塊或介面元素。

System Grays（系統灰色）

系統灰色用於介面中的各種灰色元素，常見於文字、圖示、邊框、背景等。這些灰色系顏色是設計中非常常見的基礎顏色，用於提供層次感和區分介面元素。

A 交織網格元素避免視錯覺

B 有重疊的操作元素避免誤讀為禁用狀態或bug

C 灰度色板體系：兩個灰度色板分類|6種灰色梯度。